<div style="display: flex; justify-content: space-around; padding: 20px 28px; background-color: #ffffff;">

    <!-- 摊主注册 -->
    <div id="btn-punch" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/5Ye65pGK5omT5Y2h.png" alt="出摊打卡" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">摊主注册</div>
    </div>


    <!-- 摊主信息 -->
    <div id="btn-info" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/5pGK5Li75L+h5oGv.png" alt="摊主信息" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">摊主信息</div>
    </div>

    <!-- 摊位预约 -->
    <div id="btn-book" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/5pGK5L2N6aKE57qm.png" alt="摊位预约" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">摊位预约</div>
    </div>

    <!-- 我的预约 -->
    <div id="btn-mybook" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/5oiR55qE6aKE57qm.png" alt="我的预约" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">我的预约</div>
    </div>


</div>



<div style="display: flex; justify-content: space-around; padding: 20px 20px; background-color: #ffffff;">

    <!-- 扫一扫 -->
    <div id="btn-scan" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/5omr5LiA5omr.png" alt="扫一扫" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">扫一扫</div>
    </div>

    <!-- 百姓看板 -->
    <div id="btn-kanban" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/55m+5aeT55yL5p2.png" alt="百姓看板" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">百姓看板</div>
    </div>

    <!-- 意见建议 -->
    <div id="btn-suggestion" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/5oSP6KeB5Y+N6aaI.png" alt="意见建议" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">意见建议</div>
    </div>

    <!-- 政策宣传 -->
    <div id="btn-policy" style="display: flex; flex-direction: column; align-items: center; width: 80px; cursor: pointer;">
        <div style="width: 48px; height: 48px; border-radius: 50%; background-color: #F9F9F9; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;">
            <img src="/linglong-api/files/iconfont/image/5pS562W5a6j5Lyg.png" alt="政策宣传" style="width: 36px; height: 36px;">
        </div>
        <div style="font-size: 14px; color: #363A44;">政策宣传</div>
    </div>

</div>
